@charset "UTF-8";



a, a:before, a:after, #goTop, .container, .lm, span, .title, img, li, .tab, i { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }



.lm, .right, .left, .date, #banner .item span { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm, .videoWrap, .formStyle li, .wid { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.clearfix { *zoom: 1; }



.clearfix:before, .clearfix:after { content: ""; display: table; }



.clearfix:after { clear: both; }



.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }



.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }



.justify .line { display: inline-block; height: 0px; overflow: hidden; }



.justify > * { text-align: left; font-size: 14px; }



.justify .box { display: inline-block; vertical-align: top; }



.box.justify { text-align: justify; }



body, #pageNum { font-family: "微软雅黑",Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }



blockquote, body, button, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, table, textarea, ul { margin: 0; padding: 0; }



area:focus, button:focus, input:focus, textarea:focus { outline: 0; }



a img, abbr, acronym, fieldset, img, legend { border: 0 none; }



figure, li, ol, ul { list-style: none; }



address, caption, cite, code, dfn, th, var { font-weight: 400; font-style: normal; }



h1, h2, h3, h4, h5, h6 { display: inline; font-weight: 400; font-size: 100%; }



q:after, q:before { content: ''; }



button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }



button { overflow: visible; }



pre, textarea { overflow: auto; }



button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; }



button, select { text-transform: none; }



button[disabled], html input[disabled] { cursor: default; }



a[href], label[for], select { cursor: pointer; }



a, div, input, span, textarea { -webkit-tap-highlight-color: transparent; }



a:active, a:hover { outline: 0; }



sub, sup { position: relative; vertical-align: baseline; font-size: 75%; }



sup { top: -.5em; }



sub { bottom: -.25em; }



svg:not(:root) { overflow: hidden; }



input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }



input[type=search] { -webkit-appearance: textfield; }



html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }



audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }



audio:not([controls]) { display: none; height: 0; }



[hidden], template { display: none; }



a { background-color: transparent; }



abbr[title] { border-bottom: 1px dotted; }



b, optgroup, strong { font-weight: 700; }



small { font-size: 80%; }



code, kbd, pre, samp { font-size: 1em; font-family: monospace,monospace; }



button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }



input { line-height: normal; }



input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }



input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }



fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver; }



table { width: 100%; border-collapse: collapse; border-spacing: 0; }



table th { background: #ddd; font-weight: 700; }



table td, th { padding: 5px; border: 1px solid #ccc; text-align: center; word-wrap: break-word; word-break: break-word; }



img { width: auto\9; height: auto; max-width: 100%; }



@font-face { font-family: 'icomoon'; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.woff2") format("woff2"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#icomoon") format("svg"); }



@font-face { font-family: 'ingersollrand'; src: url("../font/ingersollrand-bold.eot"); src: local("IngersollRand-Bold"), url("../font/ingersollrand-bold.eot?#iefix") format("embedded-opentype"), url("../font/ingersollrand-bold.woff") format("woff"), url("../font/ingersollrand-bold.woff2") format("woff2"), url("../font/ingersollrand-bold.ttf") format("truetype"), url("../font/ingersollrand-bold.svg#ingersollrand-bold") format("svg"); }



html { font-size: 16px; }



body { color: #555555; line-height: 1.5714; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }



a { text-decoration: none; color: #555; }



*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }



input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }



.search::-webkit-input-placeholder { color: white; }



.search:-moz-placeholder { color: white; }



.search:-ms-input-placeholder { color: white; }



input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }



.center { width: 92%; max-width: 1706px; margin-left: auto; margin-right: auto; }



@media screen and (max-width: 1366px) { .center { width: 88%; } }



@media screen and (max-width: 1300px) { .center { width: 90%; } }



@media screen and (max-width: 1000px) { .center { width: 100%; padding-left: 10px; padding-right: 10px; } }



i { font-style: normal; }



img { vertical-align: bottom; }



a[href^="mailto:"], a[href^="tel:"] { display: inline-block; }



table { line-height: 1.5; width: 100%; }



table.table-left td, table.table-left th { text-align: left; }



.addthis_sharing_toolbox { white-space: nowrap; }



hr { height: 1px; width: 100%; overflow: hidden; border: 0px none; box-shadow: none; background: #ccc; }



#menuBtn { width: 42px; height: 42px; line-height: 42px; text-align: center; top: 0; cursor: pointer; z-index: 999; border: 1px solid rgba(255, 255, 255, 0.7); display: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-radius: 3px; }



#menuBtn:before { font-family: icomoon; color: #fff; }



#menuBtn.active:before { content: '\e60b'; font-size: 28px; }



#menuBtn { position: fixed; right: 10px; top: 28px; background: rgba(0, 0, 0, 0.75); }



#menuBtn:before { content: '\e637'; font-size: 28px; }



.share a { display: inline-block; vertical-align: middle; }



.share a:before { font-family: icomoon; }



.share .sharefb:before { content: '\e62c'; }



.share .sharetw:before { content: '\e62b'; }



.share .sharein:before { content: '\e630'; }



.share .sharegl:before { content: '\e62d'; }



.share .shareyt:before { content: '\e633'; }



.searchForm { position: relative; max-width: 100%; }



.searchForm .search { width: 100%; border: 0px none; }



.searchForm .searchBtn { border: 0px none; position: absolute; top: 0; right: 0; text-align: center; }



.justify .box > a > span { line-height: 1.2; text-transform: capitalize; margin-top: 8px; display: block; }



#pageNum { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; }



#pageNum a, #pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }



#pageNum a:hover, #pageNum .cur { color: #fff; background: #a32c2a; border: 1px solid #a32c2a; }



#goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #000; filter: alpha(opacity=60); opacity: 0.6; bottom: 6%; right: 3%; border-radius: 5px; overflow: hidden; display: none; cursor: pointer; z-index: 999; }



#goTop:before { content: '\e627'; font-family: 'icomoon'; text-align: inherit; }



#goTop:hover { opacity: 0.7; }



@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }



.videoWrap { position: relative; }



.videoWrap a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/video-btn.png) no-repeat center; z-index: 9; background-size: cover; }



.videoWrap img { width: 100%; }



.formStyle li { position: relative; width: 100%; }



.formStyle li div { position: relative; }



.formStyle li img { cursor: pointer; margin-left: 3px; vertical-align: middle; }



.formStyle label + i { position: absolute; right: 5px; top: 5px; }



.formStyle input, .formStyle textarea { width: 100%; line-height: 20px; position: relative; z-index: 2; }



.formStyle textarea { display: block; max-width: 100%; width: 100%; resize: none; }



.formStyle input.btn { text-align: center; }



iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }



object[id^="tq_as"] { overflow: hidden; margin: 0; height: 0 !important; }



#div_ser table td, #div_ser table th { border: 0px none; }



.container { overflow: hidden; width: 100%; max-width: 1920px; margin: 0 auto; }



.title { line-height: 1.2; }



span.help-block-error { display: inline-block; padding-left: 5px; color: #a94442; }



.formTextWaper.has-error input.help-block-error, .formTextWaper.has-error textarea.help-block-error { border-color: #ebccd1; }



.fl { float: left; }



.fr { float: right; }



.wid { width: 92%; max-width: 1330px; margin-left: auto; margin-right: auto; }



@media screen and (max-width: 1366px) { .wid { width: 88%; } }



@media screen and (max-width: 1300px) { .wid { width: 90%; } }



@media screen and (max-width: 1000px) { .wid { width: 100%; padding-left: 10px; padding-right: 10px; } }



#header { position: relative; }



#logo { margin-top: 14px; margin-bottom: 10px; white-space: nowrap; }



#logo img { max-width: 100%; max-height: 95px; vertical-align: middle; }



#logo span { display: inline-block; font-size: 20px; color: black; font-weight: bold; border-bottom: 5px solid #dd3531; font-family: "ingersollrand",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; line-height: .9; vertical-align: middle; margin-left: 20px;padding-bottom: 4px;letter-spacing: 2px;}



.topRight { text-align: right; }



.langCont { width: 100%; }



.lang { position: relative; font-size: 12px; margin-top: 25px; line-height: 1; }



.lang a { display: inline-block; color: black; margin-right: 15px; }



.lang a:last-child { margin-right: 0; }



.lang a:hover { color: #dd3531; }



.searchCont { display: inline-block; width: 200px; height: 25px; margin-top: 14px; border-radius: 12.5px; border: 1px solid #b4b4b4; position: relative; text-align: left; overflow: hidden; }



.searchCont .search { width: 170px; height: 25px; line-height: 25px; font-size: 12px; background: #ededed; box-sizing: border-box; padding: 0 10px; }



.searchCont .search.focusOn + label, .searchCont .search:focus + label { display: none; }



.searchCont label { position: absolute; height: 25px; line-height: 25px; font-size: 12px; left: 10px; top: 0; color: #8d8d8d; }



.searchCont .searchBtn { width: 30px; height: 25px; line-height: 20px; background: #dd3531; position: absolute; right: 0; top: 0; text-align: center; }



.searchCont .searchBtn:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e655"; color: white; font-size: 12px; }



#nav { display: inline-block; line-height: 1; font-size: 0; margin-top: 18px; margin-right: 13px; }



#nav > li { display: inline-block; padding: 0 17px 48px; font-size: 18px; }



#nav > li > a { color: black; display: inline-block; text-transform: capitalize; position: relative; }



#nav > li > a:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e61f"; width: 20px; text-align: center; position: absolute; bottom: -35px; left: 50%; margin-left: -10px; color: #dd3531; filter: alpha(opacity=0); opacity: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); font-size: 30px; }



#nav > li > ul { position: absolute; width: 100%; left: 0; top: 100%; text-align: center; height: 0; overflow: hidden; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; z-index: 9; line-height: 40px; background: #2f2f2f; font-size: 0; }



#nav > li > ul > li { box-sizing: border-box; display: inline-block; height: 60px; padding: 0 17px; margin-right: 1px; }



#nav > li > ul > li:last-child { margin-right: 0; }



#nav > li > ul > li > a { display: block; font-size: 14px; color: white; }



#nav > li > ul > li:hover > a, #nav > li > ul > li.active > a { color: #dd3531; }



#nav > li:hover > a, #nav > li.active > a { color: #dd3531; }



#nav > li.selected:hover > a:after { filter: alpha(opacity=100); opacity: 1; }



#nav > li.selected:hover > ul { height: 40px; }



@media screen and (max-width: 1650px) { #logo span { font-size: 18px; margin-left: 0; letter-spacing: 1px;}



  #nav > li { font-size: 16px; padding: 0 10px 48px; }



  .topRight { width: 800px; }



  #logo img { width: 100px; }



  #logo { margin-top: 25px; margin-bottom: 20px; } }



@media screen and (max-width: 1400px){

  #nav > li{padding: 0 5px 48px;}

  .topRight { width: 750px; }

}



@media screen and (max-width: 1280px) { #logo { display: block; float: none; margin-top: 15px; text-align: center; }

  #logo a{display: block;}

  #logo span { display: inline-block;  margin-top: 10px; }



  .topRight { width: 100%; float: none; text-align: center; }



  .topRight .top { margin-top: 10px; }



  .lang { float: none; display: inline-block; margin-top: 0; margin-right: 0; }



  .share { float: none; margin-top: 10px; }



  .searchCont { float: none; display: inline-block; }



  #nav { float: none; width: 100%; margin-top: 20px; }



  .topRight .bot { margin-top: 10px; } }



@media screen and (max-width: 875px) { #logo { margin: 10px auto; display: block; float: none; }



  .topRight { width: 100%; margin-right: 0; text-align: center; float: none; padding-bottom: 10px; }



  #menuBtn { display: block; }



  #nav { width: 260px; position: fixed; float: none; top: 72px; right: 10px; margin: 0; display: none; background: #dd3531; z-index: 9999; }



  #nav > li { float: none; margin: 0; display: block; text-align: center; margin-bottom: 1px; line-height: 1; padding: 0; }



  #nav > li > ul { border-top: 0; }



  #nav > li > a { padding: 12px 0; display: block; color: white; }



  #nav > li > a:before { display: none; }



  #nav > li > a:after { display: none; }



  #nav > li:hover, #nav > li.active { background: #a32c2a; }



  #nav > li:hover a, #nav > li.active a { color: white; }



  #nav > li:last-child { border-bottom: 0; }



  #nav > li:hover ul { display: none; } }



#banner .item { position: relative; }



#banner .cont { width: 100%; position: absolute; top: 0; left: 0; margin-top: 25.42105%; text-align: center; color: white; line-height: 1; }



#banner .cont .tit { font-size: 46px; }



#banner .cont .des { font-size: 20px; margin-top: 15px; }



#banner .cont .btn { margin-top: 3.15789%; font-size: 0; }



#banner .cont .btn a { display: inline-block; padding: 0.94737% 2.63158%; border-radius: 10px; border: 2px solid white; color: white; font-size: 14px; }



#banner .cont .btn a:first-child { background: #dd3531; border-color: #dd3531; margin-right: 15px; }



#banner .cont .btn a:last-child:hover { background: #dd3531; border-color: #dd3531; }



@media screen and (max-width: 1400px) { #banner .cont .tit { font-size: 36px; }



  #banner .cont .des { font-size: 16px; } }



@media screen and (max-width: 875px) { #banner .cont { display: none; } }



.pubTit { font-size: 22px; color: black; line-height: 1; vertical-align: bottom; }



.pubMore { display: inline-block; font-size: 12px; color: #dd3531; text-decoration: underline; vertical-align: bottom; }



.showPro { overflow: hidden; background: url(../img/hotpro_bg) no-repeat top right; }



.showPro .titCont { margin-top: 3.517%; }



.showPro .titCont .pubTit { vertical-align: bottom; }



.showPro .titCont .pubMore { vertical-align: bottom; }



.showPro .cont { margin-top: 20px; }



.showPro .cont .line { width: 24.56038%; }



.showPro .cont .box { width: 24.56038%; position: relative; }



.showPro .cont .box .imgCont { padding-top: 63.58711%; position: relative; overflow: hidden; z-index: 1; }



.showPro .cont .box .imgCont img { width: 100%; position: absolute; top: 0; left: 0; }



.showPro .cont .box .shade { width: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.2); text-align: center; padding: 8.35322% 7.1599%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; z-index: 2; color: white; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }



.showPro .cont .box .shade .tit { font-size: 16px; }



.showPro .cont .box .shade .text { font-size: 12px; line-height: 20px; max-height: 40px; overflow: hidden; height: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; margin-top: 5px; }



.showPro .cont .box .playBtn { display: inline-block; position: absolute; filter: alpha(opacity=20); opacity: 0.2; top: 15px; left: 15px; z-index: 3; display: none;}



.showPro .cont .box:hover .shade { background: rgba(0, 0, 0, 0.8); }



.showPro .cont .box:hover .shade .text { height: 40px; }



@media screen and (max-width: 1400px) { .showPro .cont .box .shade { padding: 5% 4%; } }



@media screen and (max-width: 875px) { .showPro .cont .box .shade { padding: 10px; }



  .showPro .cont .box .shade .tit { font-size: 14px; line-height: 1; }



  .showPro .cont .box .shade .text { margin-top: 0; line-height: 16px; max-height: 32px; overflow: hidden; } }



@media screen and (max-width: 700px) { .showPro .cont .box { width: 47%; margin-bottom: 30px; } }



@media screen and (max-width: 400px) { .showPro .cont .box { width: 100%; } }



.description { margin-top: 4.21053%; }



.description .placeH { padding-top: 27.89474%; position: relative; overflow: hidden; }



.description .videoBg { width: 100%; position: absolute; top: 0; left: 0; }



.description .videoCont { width: 23.68421%; height: 100%; position: absolute; top: 0; left: 0; }



.description .videoCont .imgTwo { width: 6.44444%; position: absolute; top: 0; right: 0; z-index: 8; }



.description .videoCont .imgOne { width: 34.66667%; position: absolute; top: 0; left: 100%; margin-left: -19.33333%; z-index: 9; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; }



.description .videoCont .imgOne:hover { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }



.description .videoCont .videoBtn { display: block; width: 100%; text-align: right; position: absolute; left: 0; top: 35.84906%; z-index: 7; }



.description .videoCont .videoBtn img { vertical-align: middle; display: none;}



.description .videoCont .videoBtn span { display: inline-block; vertical-align: middle; text-transform: uppercase; color: black; font-size: 12px; margin-left: 10px; }



.description .videoCont .videoBtn:after { display: inline-block; content: ""; height: 1px; width: 26.22222%; background: black; vertical-align: middle; }



.description .desCont { width: 49.73684%; height: 100%; position: absolute; top: 0; right: 15.78947%; }



.description .desCont .tit { font-size: 30px; color: black; line-height: 1; margin-top: 15.34392%; }



.description .desCont .text { width: 59.25926%; font-size: 12px; color: black; line-height: 24px; max-height: 72px; overflow: hidden; margin-top: 2.6455%; }



.description .desCont .menu { width: 100%; font-size: 0; position: absolute; left: 0; bottom: 0; }



.description .desCont .menu > li { display: inline-block; height: 70px; line-height: 70px; font-size: 14px; width: 25%; text-align: center; position: relative; z-index: 7; }



.description .desCont .menu > li > a { display: block; color: white; width: 100%; height: 100%; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; position: relative; z-index: 9; }



.description .desCont .menu > li > a img { position: absolute; left: 21.16402%; top: 50%; margin-top: -7.5px; filter: alpha(opacity=0); opacity: 0; }



.description .desCont .menu > li .shade { width: 100%; height: 100%; background: -moz-radial-gradient(center center, ellipse farthest-corner, #8a4240, #3b3333); background: -webkit-radial-gradient(center center, ellipse farthest-corner, #8a4240, #3b3333); background: -o-radial-gradient(center center, ellipse farthest-corner, #8a4240, #3b3333); background: -ms-radial-gradient(center center, ellipse farthest-corner, #8a4240, #3b3333); background: radial-gradient(center center, ellipse farthest-corner, #8a4240, #3b3333); position: absolute; top: 0; left: 0; z-index: 8; filter: alpha(opacity=0); opacity: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }



.description .desCont .menu > li.bg0 { background: black; }



.description .desCont .menu > li.bg1 { background: #333333; }



.description .desCont .menu > li.bg2 { background: #555555; }



.description .desCont .menu > li.bg3 { background: #777777; }



.description .desCont .menu > li:hover .shade { filter: alpha(opacity=100); opacity: 1; }



.description .desCont .menu > li:hover > a img { filter: alpha(opacity=100); opacity: 1; display: none;}



@media screen and (max-width: 1400px) { .description .desCont .menu > li { height: 50px; line-height: 50px; }



  .description .desCont .menu > li > a img { left: 13%; } }



@media screen and (max-width: 875px) { .description { margin-bottom: 170px; }



  .description .placeH { overflow: visible; }



  .description .desCont { width: 100%; height: auto; right: 0; top: 100%; z-index: 99; }



  .description .desCont { padding: 0 10px; box-sizing: border-box; }



  .description .desCont .tit { margin-top: 30px; font-size: 20px; }



  .description .desCont .text { width: 100%; margin-top: 10px; }



  .description .desCont .menu { position: static; margin-top: 20px; }



  .description .desCont .menu > li { height: 30px; line-height: 30px; } }



@media screen and (max-width: 600px) { .description { margin-bottom: 200px; }



  .description .desCont .menu > li { width: 50%; } }



.caseNews { overflow: hidden; position: relative; }



.indexCase { width: 50%; margin-top: 4.68933%; margin-bottom: 4.68933%; }



.indexCase .titCont .pubTit { display: inline-block; margin-right: 30px; }



.indexCase .caseBanner { margin-top: 20px; }



.indexCase .caseBanner .slick-slide img { width: auto; }



.indexCase .caseBanner .slick-slide .imgOne { width: 60.37515%; }



.indexCase .caseBanner .slick-slider .slick-track .item { position: relative; }



.indexCase .caseBanner .cont { position: relative; }



.indexCase .caseBanner .desCont { width: 49.23798%; padding: 3.517% 3.1653% 7.034% 3.8687%; position: absolute; right: 0; top: 0; background: white; border: 1px solid #e9e9e9; box-sizing: border-box; margin-top: 3.517%; }



.indexCase .caseBanner .desCont .tit img { vertical-align: middle; display: inline-block; margin-right: 5px; display: none;}



.indexCase .caseBanner .desCont .tit span { display: inline-block; font-size: 18px; color: black; line-height: 1; vertical-align: middle; }



.indexCase .caseBanner .desCont .text { font-size: 12px; color: #8d8d8d; line-height: 24px; max-height: 48px; overflow: hidden; margin-top: 10px; }



.indexCase .caseBanner .slick-dots { width: auto; bottom: 0; left: 66.82298%; margin-bottom: 8.20633%; }



.indexCase .caseBanner .slick-dots li { margin: 0; margin-right: 5px; }



.indexCase .caseBanner .slick-dots li:after { display: inline-block; content: "/"; }



.indexCase .caseBanner .slick-dots li:last-child:after { display: none; }



.indexCase .caseBanner .slick-dots li.slick-active button { background: #dd3531; color: white; }



.indexCase .caseBanner .slick-dots li button { display: inline-block; font-size: 12px; width: 30px; height: 30px; line-height: 30px; background: none; color: black; margin-right: 5px; }



.indexNews { width: 38.10082%; margin-top: 4.68933%; margin-bottom: 4.68933%; }



.indexNews .titCont .pubTit { display: inline-block; margin-right: 30px; }



.indexNews .cont { margin-top: 20px; padding-top: 2.30769%; border-top: 1px solid #cccccc; }



.indexNews .newsTit { padding-bottom: 10px; line-height: 1; border-bottom: 1px solid #e5e5e5; margin-top: 3.84615%; }



.indexNews .newsTit .box { vertical-align: bottom; }



.indexNews .newsTit .tit { color: black; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }



.indexNews .newsTit .tit:before { display: inline-block; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e65b"; margin-left: 3px; margin-right: 10px; font-size: 12px; color: black; }



.indexNews .newsTit .date { font-size: 12px; color: #b8b8b8; }



.indexNews .newsTit:hover .tit { color: #dd3531; }



@media screen and (max-width: 1400px) { .indexCase .caseBanner .slick-dots { margin-bottom: 20px; }



  .indexCase .caseBanner .slick-dots li button { width: 20px; height: 20px; line-height: 20px; } }



@media screen and (max-width: 950px) { .indexCase .caseBanner .desCont { padding: 10px 15px; }



  .indexCase .caseBanner .desCont .tit span { font-size: 14px; }



  .indexCase .caseBanner .slick-dots { width: 100%; left: 0; bottom: 0; margin-bottom: -30px; } }



@media screen and (max-width: 875px) { .indexCase { width: 100%; margin-top: 50px; margin-bottom: 0; }



  .indexNews { width: 100%; margin-top: 70px; margin-bottom: 30px; }



  .indexNews .cont { margin-top: 10px; } }



@media screen and (max-width: 500px) { .indexNews .newsTit .date { display: block; margin-top: 10px; } }



#footer { background: #e9e9e9; }



.footerTop { padding-top: 2.63158%; padding-bottom: 1.31579%; border-bottom: 1px solid #dbdbdb; }



.footerTop .left { width: 50%; }



.footerTop .left img { width: 15.2314%; vertical-align: middle; margin-right: 3.51494%; min-width: 80px; }



.footerTop .left .msg { display: inline-block; vertical-align: middle; width: 74.98535%; }



.footerTop .left .msg li { display: inline-block; font-size: 12px; color: black; margin-right: 30px; margin-bottom: 10px; }



.footerTop .left .msg li:last-child { margin-right: 0; }



.footerTop .left .msg li a { color: black; }



.footerTop .left .msg li a:hover { color: #dd3531; }



.footerTop .left .msg li.mob a { margin-right: 15px; }



.footerTop .left .msg li.mob a:last-child { margin-right: 0; }



.footerTop .rig { width: 30.77374%; }



.footerTop .rig .imgCont { display: inline-block; vertical-align: top; margin-right: 18px;width:120px; }



.footerTop .rig .imgCont span { display: block; font-size: 12px; color: black; text-align: center; margin-top: 10px; }



.footerTop .rig > a { display: inline-block; width: 58px; height: 58px; border: 1px solid white; margin-right: 18px; vertical-align: top; /*line-height: 58px;*/ text-align: center; }



.footerTop .rig > a:last-child { margin-right: 0; }



.footerTop .rig > a:hover { background: white; }



.footerTop .rig > a.fb:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e62c"; font-size: 30px; color: #95d023; }



.footerTop .rig > a.yt:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e631"; font-size: 30px; color: #ff7777; }



.footerBot { border-top: 1px solid #f5f5f5; line-height: 1; padding-bottom: 2.63158%; padding-top: 1.57895%; }



.footerBot div { font-size: 12px; color: black; }

.footerBot .justify .box a{display: inline-block;vertical-align: bottom;margin-left: 10px;}

.footerBot .justify .box a:last-child{margin-right: 0;}

.footerBot .justify .box a img{width: 20px;}

.footerBot div a { color: black; }



.footerBot div a:hover { color: #dd3531; }



@media screen and (max-width: 875px) { .footerTop { padding-top: 20px; padding-bottom: 20px; }



  .footerTop .left { width: 100%; }



  .footerTop .rig { width: 100%; margin-top: 20px; }



  .footerBot { padding-top: 0; padding-bottom: 20px; }



  .footerBot .box { margin-top: 15px; } }



@media screen and (max-width: 500px) { .footerTop .left .msg { width: 100%; margin-top: 20px; }



  .footerTop .rig > a { width: 40px; height: 40px; } }



.pubHeader #nav > li > ul { z-index: 9; display: none; height: 40px; }



.pubHeader #nav > li.active > ul { z-index: 8; }



.pubHeader #nav > li:hover > ul, .pubHeader #nav > li.active > ul { display: block; }



.pubHeader #nav > li.active > a:after { filter: alpha(opacity=100); opacity: 1; }



.pubHeader #nav > li.af > a:after { filter: alpha(opacity=0); opacity: 0; }



.smBanner { text-align: center;  margin-top: 40px; position: relative; }



.smBanner .imgCont { position: relative;}



.smBanner .titCont { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }



.smBanner .titCont .title { width: 100%; height: 100%; display: table; }



.smBanner .titCont .title span { display: table-cell; vertical-align: middle; font-size: 44px; color: white; }

@media screen and (max-width: 1200px){
  .smBanner { text-align: center;  margin-top: 40px; position: relative;height: 140px;overflow: hidden; }
  .smBanner .imgCont{height: 140px;overflow: hidden;}
  .smBanner .imgCont img { max-width: none; height: 140px; position: absolute; top: 0; left: 0; }
} 

@media screen and (max-width: 875px) { .pubHeader #nav > li:hover > ul, .pubHeader #nav > li.active > ul { display: none; }



  .smBanner { margin-top: 0; } }



.crumbs { margin-top: 10px; }



.crumbs .smallNav { color: #000; font-size: 12px; }



.crumbs .smallNav a { color: #000; }



.crumbs .smallNav a:hover span{ color: #dd3531; }



@media screen and (max-width: 875px) { .smBanner .titCont .title span { font-size: 24px; } }



.products .pageNum { margin-top: 30px; }



.products { position: relative; padding-bottom: 2.10526%; }



.products .cont { padding-top: 2.63158%; padding-bottom: 2.63158%; background: white; }



.products .cont .rig { width: 24.10526%; margin-right: 24.94737%; float: right; }



.products .cont .rig .imgCont { display: block; padding-top: 66.81223%; overflow: hidden; position: relative; }



.products .cont .rig .imgCont img { width: 100%; position: absolute; top: 0; left: 0; }



.products .cont .rig:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }



.products .cont .left { width: 22.63158%; margin-left: 24.47368%; float: left; color: #000; }



.products .cont .left .tit { font-size: 32px; margin-top: 14.28571%; }



.products .cont .left .text { font-size: 12px; line-height: 24px; max-height: 72px; overflow: hidden; margin-top: 5px; color: #8d8d8d; }



.products .cont .left .more { padding: 10px 25px; display: inline-block; border: 1px solid #d3d8dc; border-radius: 20px; line-height: 1; color: #8d8d8d; margin-top: 7.14286%; }



.products .cont .left .more:hover { background: #dd3531; color: white; border-color: #dd3531; }



.products .cont.diff { background: #eaeaea; }



.products .cont.diff .left { float: right; margin-right: 21.89474%; margin-left: 0; }



.products .cont.diff .rig { float: left; margin-left: 24.73684%; margin-right: 0; }



@media screen and (max-width: 1400px) { .products .cont .left .tit { margin-top: 0; } }



@media screen and (max-width: 875px) { .products .cont .left .tit { font-size: 24px; }



  .products .cont { padding: 40px 10px; }



  .products .cont .left { width: 47%; margin-left: 0; }



  .products .cont .rig { width: 47%; margin-right: 0; }



  .products .cont .rig .tit { margin-top: 0; font-size: 20px; }



  .products .cont.diff .left { margin-right: 0; }



  .products .cont.diff .rig { margin-left: 0; }



  .products .cont .left .more { padding: 7px 10px; font-size: 12px; } }



@media screen and (max-width: 500px) { .products .cont .left { width: 100%; }



  .products .cont .rig { width: 100%; margin-top: 20px; }



  .products .cont .left .more { margin-top: 15px; }



  .products .cont .rig .more { margin-top: 15px; margin-bottom: 0; } }



.content { position: relative; }



.proList { width: 71.05263%; padding-bottom: 3.7594%; position: relative; }



.prodes{margin-top: 4.2328%;}



.proList .desOne { font-size: 12px; line-height: 24px; padding-top: 7.40741%; }



.proList .desTwo { font-size: 12px; line-height: 24px; padding-top: 3.1746%; }



.proList .cont { margin-top: 4.2328%; }



.proList .cont .line { width: 31.32275%; }



.proList .cont .box { width: 31.32275%; margin-bottom: 4.2328%; }



.proList .cont .box .imgCont { padding-top: 62.89189%; position: relative; overflow: hidden; border: 1px solid #d3d8dc; }



.proList .cont .box .imgCont img { position: absolute; top: 0; left: 0; width: 100%; }



.proList .cont .box:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }



.proList .cont .box .title { color: #000; display: block; padding: 6.75676%; background: #ebebeb; }



@media screen and (max-width: 875px) { .proList { width: 100%; } }



@media screen and (max-width: 600px) { .proList .cont .box { width: 47%; } }



@media screen and (max-width: 400px) { .proList .cont .box { width: 100%; margin-bottom: 30px; } }



#aside { width: 22.55639%; box-sizing: border-box; background: #ffffff; }



#aside .asideList { padding-bottom: 53.33333%; margin-top: 23.33333%; }



#aside .asideList > li { margin-bottom: 11.66667%; position: relative; }



#aside .asideList > li > span { display: block; padding: 15px 35px 15px 6.66667%; font-size: 18px; color: #000; text-transform: capitalize; line-height: 1; position: relative;cursor: pointer; }



#aside .asideList > li > span:before { content: ""; height: 1px; background: #d3d8dc; position: absolute; left: 0; right: 0; bottom: 0; }



#aside .asideList > li > span:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e622"; position: absolute; left: 100%; top: 15px; font-size: 30px; margin-left: -40px; line-height: 18px; }



#aside .asideList > li > ul { width: 100%; margin-top: 10px; }



#aside .asideList > li > ul > li { height: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; overflow: hidden; }



#aside .asideList > li > ul > li > a { padding: 15px 10px 15px 10%; color: black; display: block; line-height: 1; }



#aside .asideList > li > ul > li:hover, #aside .asideList > li > ul > li.active { background: #dd3531; }



#aside .asideList > li > ul > li:hover a, #aside .asideList > li > ul > li.active a { color: white; }



#aside .asideList > li.active > ul > li { height: 44px; }



#aside .asideList > li.active > span:after { content: "\e623"; }



#aside .asideList:before { display: block; content: ""; background: #d3d8dc; width: 1px; position: absolute; top: 0; bottom: 0; left: 22.55639%; }



@media screen and (max-width: 1000px) { #aside .asideList:before { left: 23.15789%; } }



@media screen and (max-width: 875px) { .content { position: relative;/* transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease;*/ }



  #aside { width: 100%; position: absolute; top: 1px; left: 0; z-index: 99; padding-top: 0; margin-left: 0; float: none; }



  #aside .asideList { margin-top: 10px; padding-bottom: 0; }



  #aside .asideList:before { display: none; }



  #aside .asideList > li { margin-bottom: 0; }



  #aside .asideList > li > span { padding: 10px 35px 10px 10px; font-size: 16px; }



  #aside .asideList > li > a:after { top: 10px; }



  #aside .asideList > li > ul { margin-top: 0; }



  #aside .asideList > li > ul > li { transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; } }



.proDetail .topBg { background: #eaeaea; overflow: hidden; }



.proDetail .topBg .top { padding-bottom: 5.78947%; padding-top: 3.15789%; box-sizing: border-box; }



.proDetail .topBg .top .left { width: 40.07519%; margin-left: 9.77444%; }



.proDetail .topBg .top .left .proBanner .slick-dots { top: 100%; bottom: auto; margin-top: 10px; text-align: left; }



.proDetail .topBg .top .left .proBanner .slick-dots li button { background: #bbbbbb; width: 12px; height: 12px; }



.proDetail .topBg .top .left .proBanner .slick-dots li.slick-active button { background: #000; }



.proDetail .topBg .top .rig { width: 45.48872%; }



.proDetail .topBg .top .rig .tit { font-size: 32px; color: #000; line-height: 1; margin-top: 9.23077%; }



.proDetail .topBg .top .rig .shareBox { margin-top: 3.07692%; }



.proDetail .topBg .top .rig .msg { font-size: 12px; }



.proDetail .topBg .top .rig .msg li { display: inline-block; margin-right: 8.69565%; color: #000; line-height: 1; margin-top: 3.84615%; }



.proDetail .topBg .top .rig .msg li:last-child { margin-right: 0; }



.proDetail .topBg .top .rig .msg li a { color: #000; }



.proDetail .topBg .top .rig .msg li a:hover { color: #dd3531; }



.proDetail .topBg .top .rig .vidCont { margin-top: 6.15385%; }



.proDetail .topBg .top .rig .vidCont .playBtn { width: 66px; height: 66px; display: inline-block; border-radius: 33px; background: #dd3531; line-height: 66px; text-align: center; color: white; position: relative; margin-right: 6.92308%; vertical-align: middle; }



.proDetail .topBg .top .rig .vidCont .playBtn:before { content: "\e620"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 30px; margin-left: 3px; }



.proDetail .topBg .top .rig .vidCont .playBtn:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }



.proDetail .topBg .top .rig .vidCont .playBtn span { font-size: 12px; color: #000; position: absolute; top: 100%; left: 0; width: 100%; line-height: 2.2; }



.proDetail .bot { position: relative; }



.proDetail .bot .rig { width: 72.93233%; padding-bottom: 6.01504%; }



@media screen and (max-width: 875px) { .proDetail .bot { position: static; }



  .proDetail .topBg .top { padding: 40px 0 40px; position: relative; }



  .proDetail .bot .rig { width: 100%; }



  .proDetail .topBg .top .left { width: 70%; margin: 0 auto; float: none; }



  .proDetail .topBg .top .rig { width: 100%; }



  .proDetail .topBg .top { padding: 40px 10px; box-sizing: border-box; } }



@media screen and (max-width: 400px) { .proDetail .topBg .top .left { width: 100%; } }



.proDetTags #tags { text-transform: capitalize; margin-top: -50px; }



.proDetTags #proDes #tags li { background: #acacac; }



.proDetTags #proDes #tags li.selected { background: #545454; }



#proDes #tags li { display: block; box-sizing: border-box; float: left; border-right: 1px solid white; text-transform: uppercase; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; }



#proDes #tags li:last-child { border-right: none; }



#proDes #tags li { white-space: nowrap; height: 50px; cursor: pointer; font-size: 16px; text-align: center; padding-left: 5px; padding-right: 5px; color: black; font-weight: bold; box-sizing: border-box; }



#proDes #tags li span { white-space: normal; line-height: 1.2; width: 100%; }



#proDes #tags li:after { content: ''; width: 0; height: 100%; overflow: hidden; }



#proDes #tags li span, #proDes #tags li:after { display: inline-block; vertical-align: middle; }



#proDes #tags li.selected { color: #fff; }



.tagContent:first-child { display: block; }



#proDes .tagContent { background: #fff; border: 1px solid #e5e5e5; padding: 12px; box-sizing: border-box; }



#proDes .tagContent table{white-space: nowrap;}



.tagContent { word-wrap: break-word; word-break: break-word; overflow: auto; display: none; }



.tagContent.selected { display: block; }



@media screen and (max-width: 875px) { #proDes #tags li { text-align: center; margin-bottom: 1px; }



  .proDetTags #proDes #tags { margin-top: 30px; } }



.proForm { margin-top: 40px; width: 92.78351%; }



.proForm .top .tit { text-transform: capitalize; font-size: 18px; line-height: 20px; color: #dd3531; }



.proForm .top .des { color: #555555; line-height: 20px; margin-top: 10px; }



.proForm .bot .line { width: 47%; }



.proForm .bot > .box { width: 47%; position: relative; margin-top: 20px; line-height: 1; }



.proForm .bot > .box input { border: 1px solid #d3d8dc; display: block; width: 100%; padding: 12px 10px; box-sizing: border-box; line-height: 1; }



.proForm .bot > .box label { position: absolute; color: #b2b5b6; top: 1px; left: 0; line-height: 1; width: 100%; padding: 13px 10px; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; border: 1px solid transparent; }



.proForm .bot > .box label span { color: #dd3531; }



.proForm .bot > .box input:focus, .proForm .bot > .box input.focusOn, .proForm .bot > .box textarea:focus, .proForm .bot > .box textarea.focusOn { border-color: #000; background: none; }



.proForm .bot > .box input:focus + label, .proForm .bot > .box input.focusOn + label, .proForm .bot > .box textarea:focus + label, .proForm .bot > .box textarea.focusOn + label { display: none; }



.proForm .bot .text { width: 100%; }



.proForm .bot .text textarea { padding: 10px; width: 100%; border: 1px solid #d3d8dc; height: 150px; resize: none; }



.proForm .bot .codeWrap { width: 100%; margin-top: 0; }



.proForm .bot .codeWrap .code { margin-top: 20px; display: inline-block; }



.proForm .bot .codeWrap .code input { width: 140px; padding: 12px 10px; display: inline-block; margin-right: 20px; }



.proForm .bot .codeWrap .code img { vertical-align: middle; margin-right: 20px; }



.proForm .bot .codeWrap .submit { margin-top: 20px; display: inline-block; }



.proForm .bot .codeWrap .submit input { background: #dd3531; color: white; padding: 0 55px; width: auto; height: 45px; line-height: 45px; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; border: 0; display: inline-block; }



.proForm .bot .codeWrap .submit:hover input { background: #a32c2a; }



@media screen and (max-width: 600px) { .proForm .bot .box { width: 100%; }



  .proForm .bot { padding: 0; border: 0; margin-top: 0; } }



@media screen and (max-width: 875px) { .proForm { width: 100%; } }



.news { padding-bottom: 2.63158%; }



.news .cont { width: 82.70677%; margin: 3.7594% auto 0; }



.news .newsCont { padding-left: 105px; padding-bottom: 25px; margin-bottom: 2.54545%; position: relative; border-bottom: 1px solid #d3d8dc; }



.news .newsCont .tit { font-size: 16px; color: black; line-height: 1; }



.news .newsCont .text { line-height: 24px; max-height: 48px; overflow: hidden; font-size: 12px; color: #666666; margin-top: 5px; }



.news .newsCont .date { width: 75px; height: 64px; position: absolute; top: 0; left: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }



.news .newsCont .date span { display: block; text-align: center; z-index: 2; position: relative; color: #a1a1a1; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }



.news .newsCont .date span:first-line { font-size: 20px; line-height: 38px; }



.news .newsCont .date:before { display: block; content: ""; width: 100%; height: 22px; background: #ededed; position: absolute; top: 38px; left: 0; z-index: 1; }



.news .newsCont .date:after { display: block; content: ""; width: 100%; height: 38px; background: #e0e0e0; position: absolute; top: 0; left: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }



.news .newsCont:hover .date span:first-line { color: white; }



.news .newsCont:hover .date:after { background: #dd3531; }



@media screen and (max-width: 875px) { .news { padding-top: 30px; padding-bottom: 30px; }



  .news .cont { width: 100%; }



  .news .newsCont { padding-left: 85px; margin-bottom: 20px; }



  .news .newsCont .date { width: 65px; } }



.newsDetail { padding-bottom: 2.63158%; }



.newsDetail .crumbs .wid { width: 100%; }



.newsDetail .cont { width: 82.70677%; margin: 3.38346% auto 0; }



.newsDetail .cont .tit { font-size: 18px; color: black; text-align: center; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #d3d8dc; }



.newsDetail .cont .date { color: #8d8d8d; margin-top: 5px; }



.newsDetail .cont .newsText { padding-top: 1.81818%; padding-bottom: 5.45455%; }



@media screen and (max-width: 875px) { .newsDetail { padding-top: 30px; padding-bottom: 30px; }



  .newsDetail .cont { width: 100%; margin-top: 0; } }



.dan { padding-top: 2.36842%; padding-bottom: 2.36842%; }



.dan table.border td{width:50%;}



.case { padding-top: 2.10526%; padding-bottom: 2.36842%; }



.case .cont .line { width: 22.55639%; }



.case .cont .box { width: 22.55639%; margin-bottom: 2.25564%; padding-bottom: 1.50376%; border-bottom: 1px solid #d3d8dc; }



.case .cont .box .newsImg { overflow: hidden; position: relative; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; padding-top: 66.55629%; }



.case .cont .box .newsImg img { width: 100%; position: absolute; top: 0; left: 0; }



.case .cont .box .newsTitle { font-size: 16px; color: black; margin-top: 15px;line-height: 20px;height:40px; }



.case .cont .box .text { font-size: 12px; color: #8d8d8d; line-height: 24px; margin-top: 7px; height: 48px; overflow: hidden; transition: 0.7s all ease; -moz-transition: 0.7s all ease; -webkit-transition: 0.7s all ease; -o-transition: 0.7s all ease; -ms-transition: 0.7s all ease; }



.case .cont .box:hover .newsImg { filter: alpha(opacity=70); opacity: 0.7; }



.case .cont .box:hover .text { color: #000; }



@media screen and (max-width: 875px) { .case { padding-top: 30px; padding-bottom: 30px; }



  .case .cont .box, .case .cont .line { width: 30%; } }



@media screen and (max-width: 600px) { .case .cont .box { width: 47%; margin-bottom: 30px; } }



@media screen and (max-width: 400px) { .case .cont .box { width: 100%; } }



.contact { padding-top: 3.00752%; position: relative; padding-bottom: 6.01504%; }



.contact .left { width: 53.38346%; }



.contact .left .proForm { width: 100%; margin-top: 0; }



.contact .left .proForm .bot .text textarea { height: 100px; }



.contact .left .proForm .bot > .box input, .contact .left .proForm .bot .text textarea { background: #fbfcfd; }



.contact .left .proForm .bot > .box input.focusOn, .contact .left .proForm .bot .text textarea.focusOn { background: white; }



.contact .left .proForm .bot .codeWrap .submit input { background: #dd3531; }



.contact .left .proForm .bot .codeWrap .submit input:hover { background: #a32c2a; }



.contact .rig { width: 38.34586%; }



.contact .rig .tit { margin-top: 13.72549%; font-size: 18px; color: #dd3531; line-height: 24px; }



.contact .rig .msg { margin-top: 5.88235%; }



.contact .rig .msg li { line-height: 34px; color: #000; }



.contact .rig .msg li a { color: #000; }



.contact .rig .msg li a:hover { color: #dd3531; }



@media screen and (max-width: 875px) { .contact { padding: 10px 0 30px; }



  .contact .rig { width: 100%; float: none; }



  .contact .rig .tit { margin-top: 10px; }



  .contact .rig .msg { margin-top: 10px; }



  .contact .rig .msg li { display: inline-block; margin-right: 30px; }



  .contact .rig .msg li:last-child { margin-right: 0; }



  .contact .left { width: 100%; float: none; margin-top: 40px; } }



.pageNum { max-width: 100%; }



.pageNum a, .pageNum span { display: inline-block; vertical-align: top; margin-bottom: 5px; margin-right: 6px; line-height: 20px; padding: 5px 12px; background: #ccc; color: #fff; }



.pageNum span.current, .pageNum a:hover { background: #dd3531; color: #fff; }



.prenext { text-transform: capitalize; padding-top: 20px; color: #666; font-size: 14px; line-height: 1.5; }



.prenext div { padding-right: 3px; color: #b8b8b8; }



.prenext a { font-size: 16px; color: #dd3531; font-weight: bold; text-transform: none; }



.shareBox { margin-top: 30px; }



#menuBtn { background: #dd3531; }



#footerToolBar { background: #dd3531; }



.indexBanner .item { display: none; }



.indexBanner .item:first-child { display: block; }



.slick-slider .slick-track .item { display: block; }



@media screen and (max-width: 875px) { #footer { margin-bottom: 47px; }



  #pubFoot { margin-bottom: 47px; } }



.ent-his1 .ent-year{font-size: 20px!important;}



.ent-his1>li{white-space: nowrap;font-size: 0;height:80px;}



.ent-his1>li:after{content:"";display:inline-block;width:0;height:100%;vertical-align: middle;}



.ent-his1 .ent-text{display: inline-block;font-size: 14px;vertical-align: middle;white-space: normal;}



@media screen and (max-width: 700px){

  .ent-his1>li{height:auto;}

}

/*移动端禁止复制*/
*{   
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
} 
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
} 

img { pointer-events: none; }